import contact from "./styles/contact.module.css"
import InfoTitle from "./infoTitle"
import classNames from "classnames"

const contact_item = [
    {
        url:"https://jimucake.com/views/default/skin/default/images/images/sinaweibo.jpg",
        info:"关注新浪微博：@积慕cake\n了解更多积慕资讯，与积慕更多互动",
        id:1
    },
    {
        url:"https://jimucake.com/views/default/skin/default/images/images/weixin.jpg",
        info:"关注企业微信“积慕JIMUU”\n了解更多产品资讯，体验快捷订购",
        id:2
    }
]


const Contact = () =>{
    return(
        <div className={contact.app}>
            <InfoTitle title="联系我们" />
            <div className={contact.phone}>
                客服中心电话：400-117-1517
            </div>
            <div className={contact.content}>
                {
                    contact_item.map((item)=>{
                        return(
                            <div className={contact.p} key={item.url}>
                                <div className={classNames(contact.mar,item.id === 2)}>
                                    <img className={contact.p_img} src={item.url} alt=""/>
                                    <pre className={contact.p_pre}>{item.info}</pre>
                                </div>
                            </div>
                        )
                    })
                }
            </div>
        </div>
    )
}

export default Contact